<template>
    <div>
        <Form :model="formItem" inline>
            <FormItem>
                <Input v-model="formItem.company"  style="width: 200px" placeholder="单位"></Input>
            </FormItem>
            <FormItem>
                <Button type="success" @click="search">搜索</Button>
            </FormItem>
            <FormItem>
                <Button type="primary" @click="exportData">导出</Button>
            </FormItem>
        </Form>
        <Table border :columns="columns6" :data="data6" ref="table">
        </Table>
        <Row type="flex" justify="end" style="margin-top: 25px">
            <Page :total="total" show-total @on-change="pageAction" />
        </Row>
    </div>
</template>

<script>
import { getSpvOilcardhandlingByjieList } from '@/api/user'
export default {

  name: 'test',

  data () {
    return {
      total: 0,
      formItem: {
        company: ''
      },
      columns6: [
        // {
        //   title: '序号',
        //   key: 'no',
        //   width: 80,
        //   align: 'center'
        // },
        {
          title: '单位名称',
          key: 'company',
          align: 'center'
        },
        {
          title: '问题油卡号',
          key: 'card_num',
          align: 'center'
        },
        {
          title: '问题类型',
          key: 'type',
          align: 'center'
        },
        {
          title: '开卡日期',
          key: 'card_time',
          align: 'center'
        }
        // {
        //   title: '操作',
        //   slot: 'action',
        //   width: 150,
        //   align: 'center'
        // }
        // {
        //   title: '交易时间',
        //   key: 'f'
        // }
      ],
      data6: [
        // {
        //   no: '1',
        //   name: '市城市管理综合行政执法局',
        //   pno: '006000011123',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-5-10'
        // },
        // {
        //   no: '1',
        //   name: '市城市管理综合行政执法局',
        //   pno: '006000011124',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-5-11'
        // },
        // {
        //   no: '1',
        //   name: '市城市管理综合行政执法局',
        //   pno: '006000011125',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-5-12'
        // },
        // {
        //   no: '2',
        //   name: '市产业转型升级促进中心',
        //   pno: '006000015524',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-4-10'
        // },
        // {
        //   no: '2',
        //   name: '市产业转型升级促进中心',
        //   pno: '006000015525',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-5-10'
        // },
        // {
        //   no: '2',
        //   name: '市产业转型升级促进中心',
        //   pno: '006000015526',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-6-10'
        // },
        // {
        //   no: '3',
        //   name: '市供销合作社联合社',
        //   pno: '006000015632',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-1-10'
        // },
        // {
        //   no: '3',
        //   name: '市供销合作社联合社',
        //   pno: '006000015633',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-3-10'
        // },
        // {
        //   no: '3',
        //   name: '市供销合作社联合社',
        //   pno: '006000015634',
        //   type: '此卡在登记台账不存在',
        //   time: '2018-5-10'
        // }

      ]
    }
  },

  props: {

  },

  components: {

  },

  computed: {

  },

  methods: {
    async init (data) {
      getSpvOilcardhandlingByjieList(data).then(ret => {
        this.data6 = ret.data.data.results
        this.total = ret.data.data.totalRecord
        this.data6.forEach(item => {
          item.type = '此卡在登记台账不存在'
          let a = new Date(item.card_time)
          let y = a.getFullYear()
          let m = a.getMonth() + 1
          let d = a.getDate()
          if (m < 10) {
            m = '0' + m
          }
          if (d < 10) {
            d = '0' + d
          }
          item.card_time = y + '-' + m + '-' + d
        })
      })
    },
    search () {
      const data = {
        company: this.formItem.company
      }
      this.init(data)
    },
    pageAction (current) {
      getSpvOilcardhandlingByjieList({ pageNo: current, company: this.formItem.company }).then(ret => {
        this.data6 = ret.data.data.results
      })
    },
    exportData () {
      this.$router.push({
        name: 'lbmb'
      })
    }
  },

  watch: {

  },

  mounted () {
    this.init()
  }

}
</script>

<style scoped>

</style>
